import { Theme, Typography, useMediaQuery } from "@mui/material"
import { useNavigate } from "react-router-dom"
import { PATH } from "@shared/const/paths"

export const BookshelfLogoTypography = () => {
    const navigate = useNavigate()
    const matches = useMediaQuery((theme: Theme) => theme.breakpoints.up('md'));

    return (
        <Typography onClick={() => matches && navigate(PATH.HOME)}>Bookshelf</Typography>
    )
}
